<template>
    <div class="swiper">
      <el-carousel indicator-position="outside">
        <el-carousel-item v-for="(item, index) in swiperList" :key="'swiper'+ index">

          <img :src="item.imageUrl" alt="">
        </el-carousel-item>
      </el-carousel>
    </div>
  </template>
  
  <script>
  export default {
    data(){
      return{
        swiperList:[]
      }
    },
    async created(){
      let res = await this.$axios.get("/banner");
      console.log(res.data.banners);
      this.swiperList = res.data.banners;
    }
  }
  </script>
  
  <style>
  
  </style>